<template>
    <div>
        <h5>Count组件</h5>
        <p>count的值：{{ count }}</p>
        <button @click="count += 1">+1</button>
    </div>
</template>

<script>
export default {
    //   自定义属性，允许用户自定义给组件定义初始值,props中的数据可以直接在模板中去使用,
    //   props是只读的，不要直接修改props里的值，否则终端报错
    // props: ['init'],   // 数组格式props  简单写法
    // 对象格式props
    props: {
      init: {
          // 外界没有传 init属性，默认值生效
          default: 0,
          // 定义属性值类型，如果传递过来的值不符合此类型，则会在终端报错  Number,Boolean,String Arrary,Object
          type: Number,
          // 必填项
          required: true
      }
    },
    data() {
        return {
            count: this.init
        }
    }
}
</script>

<style lang="less" scoped>

</style>